<template>
  <Wrapper>
    <card />
    <histogram />
    <analysis />
    <user-table />
  </Wrapper>
</template>

<script setup>
const Card = defineAsyncComponent(() => import('./components/card'))
const Histogram = defineAsyncComponent(() => import('./components/histogram'))
const Analysis = defineAsyncComponent(() => import('./components/analysis'))
const UserTable = defineAsyncComponent(() => import('./components/table'))
</script>

<style scoped lang="scss">
:deep(.el-card) {
  cursor: pointer;
  border: none;
  margin-bottom: $space-small;
}
</style>
